.choose-specs {
    background-color: white;
    padding: 24rpx 24rpx 14rpx;
    position: relative;
    border-radius: 48rpx 48rpx 0 0;

    .pro-info {
        padding-bottom: 24rpx;
        border-bottom: 1rpx solid rgba(0, 0, 0, .1);
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;

        .pro-img {
            width: 154rpx;
            height: 154rpx;
            margin-right: 16rpx;

            image {
                width: 154rpx;
                height: 154rpx;
                display: block;
                border-radius: 24rpx;
            }
        }

        .pro-price {
            display: flex;
            align-items: flex-end;

            .price1 {
                font-size: 28rpx;
                color: #E78140;
                margin-right: 14rpx;
            }

            .price2 {
                color: #E78140;
                font-size: 36rpx;
                line-height: 42rpx;
            }

            .price3 {
                color: #E78140;
                font-size: 48rpx;
                font-weight: 600;
                line-height: 48rpx;
            }
        }

        .price4 {
            font-size: 28rpx;
            color: #999999;
        }

        .price5 {
            font-size: 32rpx;
            color: #333333;
            margin-right: 14rpx;
        }

        .save-price {
            font-size: 22rpx;
            padding: 4rpx 8rpx;
            border: 1rpx solid #E78140;
            border-radius: 4rpx;
            color: #E78140;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 10rpx;
            margin-bottom: 20rpx;

            .r-r {
                width: 10rpx;
                height: 18rpx;
                display: block;
                margin-left: 6rpx;
            }
        }

        .save-price2 {
            font-size: 24rpx;
            color: #E78140;
            margin-top: 10rpx;
            margin-bottom: 20rpx;
        }
    }

    .specs-choose {
        padding-top: 24rpx;

        .c-title {
            font-size: 30rpx;
        }

        .s-items-box {}

        .s-items {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            flex-direction: row;
            max-height: 300rpx;
            overflow: auto;
            margin-top: 20rpx;

            .s-item {
                margin-top: 16rpx;
                margin-right: 24rpx;
                background-color: #F2F2F2;
                color: #000000;
                font-size: 28rpx;
                padding: 8rpx 24rpx;
                border-radius: 4rpx;
            }

            .active {
                color: #E78140;
                background-color: #FFEDEF;
                border: 1rpx solid #E78140;
            }

            .ban {
                // border: 1rpx dashed rgba(0, 0, 0, .5);
                // color: rgba(0, 0, 0, .4);
                background-color: #E8E8E9;
                color: #BFBFBF;
            }
        }

        .buy {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 50rpx;

            .c-count {
                display: flex;
                align-items: center;
                justify-content: flex-start;

                .substract {
                    width: 60rpx;
                    height: 56rpx;
                    background: rgba(242, 242, 242, 1);
                    border-radius: 100rpx 0rpx 0rpx 100rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 2rpx;

                    image {
                        width: 24rpx;
                        height: 24rpx;
                        display: block;
                    }
                }

                .count {
                    width: 64rpx;
                    min-width: 64rpx;
                    max-width: 120rpx;
                    height: 56rpx;
                    background: rgba(242, 242, 242, 1);
                    font-size: 30rpx;
                    text-align: center;
                    line-height: 56rpx;
                    display: flex;
                    align-items: center;
                }

                .add {
                    width: 60rpx;
                    height: 56rpx;
                    background: rgba(242, 242, 242, 1);
                    border-radius: 0rpx 100rpx 100rpx 0rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-left: 2rpx;

                    image {
                        width: 24rpx;
                        height: 24rpx;
                        display: block;
                    }
                }
            }

        }

        .sure {
            width: 100%;
            height: 80rpx;
            border-radius: 40rpx;
            background: linear-gradient(90deg, #F1AF86 0%, #E78140 100%);
            line-height: 80rpx;
            text-align: center;
            color: white;
            font-size: 32rpx;
            margin-top: 94rpx;
        }

        .ban-btn {
            background: #BFBFBF;
            color: white;
        }
    }
}

.mgb {
    margin-bottom: 60rpx;
}